.TJ{
	--color: rgba(68, 60, 68, 0.909);
	position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
	background-color: #746d6d;
	.TJ1{
		// display: flex;
    // flex-direction: column;
    // justify-content: center;
    position: absolute;
    top: 0;
    left: -50%;          /* 防止一开始图片位置堆积在一个地方 */
    border-radius: 10rpx;
    overflow: hidden;
    background: #cccccc;
		.TJ1_1{
			// display: flex;
      // flex-direction: column;
      // justify-content: center;
			// align-items: center;
			// align-content: center;
			// text-align: center;
			image{
				width: 100%;
			}
			.TJ1_1_2{
				margin-top: 5px;
				width: 100%;
				padding-left: 5px;
				text-align: left;
				font-size: 18px ;
				color: #0e0a0a;
			}
			.TJ1_1_3{
				font-size: 18px;
				padding-left: 5px;
				margin-top: 10px;
				margin-bottom: 8px;
				width: 100%;
				color: #e53535;				
				text-align: left;
				.TJ1_1_3_1{
					display: inline-block;
					font-size: 10px;
					color: #746d6d;
					padding-left: 4px;
				}
				.TJ1_1_3_2{
					float: right;
					padding-right: 4px;
					margin-top: -8px;
					font-size: 23px;
					color: #746d6d;
				}
			}

		}

	  .TJ1_2{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			.TJ1_2_1{
				width: 100%;
				height: 30px;
				background-color: var(--color);
				font-size: 26px;
				color: aliceblue;
				text-align: right;
				padding-right: 7px;
				line-height: 26px;
				font-weight: 200;
			}
			.TJ1_2_2{
				width: 100%;
				height: calc( 100% - 68px);
				background-color: var(--color);
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				view{
					height: 25px;
					font-size: 10px;
					color: #ffffff;
					line-height: 20px;
					image{
						height: 100%;
						vertical-align:bottom;
					}
				}
				&>view:nth-child(2){
					margin-top: 10px;
					margin-bottom: 10px;
				}
			}
			.TJ1_2_3{
				position: absolute;
				bottom: 0;
				left: 0;
				height: 38px;
				width: 100%;
				font-size: 15px;
				line-height: 38px;
				color: azure;
				text-align: center;
				background-color: rgb(35, 40, 40);
			}
		}




		//动画实验
		// .TJ1_2{
		// 	position: absolute;
		// 	top: 0;
		// 	left: 0;
		// 	width: 0;
		// 	height: 0;
		// 	animation: name duration timing-function delay iteration-count direction fill-mode;
		// 	.TJ1_2_1{
		// 		width: 100%;
		// 		height: 30px;
		// 		background-color: var(--color);
		// 		font-size: 26px;
		// 		color: aliceblue;
		// 		text-align: right;
		// 		padding-right: 7px;
		// 		line-height: 26px;
		// 		font-weight: 200;
		// 	}
		// 	.TJ1_2_2{
		// 		width: 100%;
		// 		height: calc( 100% - 68px);
		// 		background-color: var(--color);
		// 		display: flex;
		// 		flex-direction: column;
		// 		align-items: center;
		// 		justify-content: center;
		// 		view{
		// 			height: 25px;
		// 			font-size: 10px;
		// 			color: #ffffff;
		// 			line-height: 20px;
		// 			image{
		// 				height: 100%;
		// 				vertical-align:bottom;
		// 			}
		// 		}
		// 		&>view:nth-child(2){
		// 			margin-top: 10px;
		// 			margin-bottom: 10px;
		// 		}
		// 	}
		// 	.TJ1_2_3{
		// 		position: absolute;
		// 		bottom: 0;
		// 		left: 0;
		// 		height: 38px;
		// 		width: 100%;
		// 		font-size: 15px;
		// 		line-height: 38px;
		// 		color: azure;
		// 		text-align: center;
		// 		background-color: rgb(35, 40, 40);
		// 	}
		// }

		
		//动画实验末

	}
	.lazyimg{
		border-top-left-radius: 14rpx;
		border-top-right-radius: 14rpx;
		transition: opacity 2.5s ease;
		opacity: 0;
	}
	.loadimg{
		opacity: 1;
	}

}
